createDocumentFragment

提高性能，创建一个新的空白的文档片段（存在于内存中），文档片段附加到 DOM 树，文档片段被子元素所代替。

用法

const fragment = document.createDocumentFragment();

const p1 = document.createElement("p");
p1.textContent = "textContent textContent textContent textContent";
fragment.appendChild(p1);
const p2 = document.createElement("p");
p2.textContent = "textContent textContent textContent textContent";
fragment.appendChild(p2);

document.querySelector("body").appendChild(fragment);

参考链接

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createDocumentFragment